<template>
  <div style="background-color:#1b1e22;padding-top: 30px;">
    <div class="AdminPageContent narrow">
      <div id="landingWelcome" class="unaffiliated">
        <div>
          <img class="avatar" src="https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/avatars/aa/aaf6ada015341959a2f386154d9d932b1584b725_medium.jpg"></div>

        <div class="landingName">
          huanxiong_2000 您好！<br>
          <span>欢迎来到 Steamworks！</span>
        </div>
        <br clear="all">

        <p>在这个页面，您能够注册成为 Steamworks 的新合作伙伴，或者立即访问 Steamworks SDK 与文献。请在下面进行相应选择。</p>
      </div>

      <div class="landingRightCol">
        <div class="getSDK_ctn">
          <div class="title">Steamworks SDK 访问</div>
          <div class="text">要获取对 Steamworks SDK 有关文献的预先访问权，您将需先签署《Steamworks SDK 访问协议》。</div>
          <div class="link"></div>
        </div>

        <div class="panel">
          <h1>Steamworks SDK v9.99</h1>
          <a class="iconLink icon_changenotes" href="javascript:">查看和签署 SDK 使用协议</a>
          <div class="grayRule"> </div>
        </div>
      </div>

      <div class="landingLeftCol">


        <div>
          <div class="nonDevActionSection">
            <div class="title">注册为新 Steamworks 合作伙伴</div>
            <div class="text">请选择下面的相应选项，着手填写必要的数字文档，以注册成为 Steam 合作伙伴。</div>
            <div class="table landingTable">
              <div class="tr">
                <div class="td">
                  <span class="signupitem_title">游戏开发者或发行商</span><br>
                  <span class="signupitem">游戏、VR 体验、或 Source 引擎模组的开发者或发行商。</span>
                </div>
                <div class="td fixed"><router-link to="/Joinus" class="btnv6_lightblue_blue btn_medium"><span>注册</span></router-link>
                </div>
              </div>
              <div class="tr">
                <div class="td">
                  <span class="signupitem_title">Steam 网吧计划</span><br>
                  <span class="signupitem">网吧或虚拟现实游戏厅等场所的管理者，包括医院、高校或图书馆。</span>
                </div>
                <div class="td fixed"></div>
              </div>
              <div class="tr">
                <div class="td">
                  <span class="signupitem_title">SteamVR 定位许可持有人</span><br>
                  <span class="signupitem">SteamVR 定位的被定位物品制作者。请<br>点击<a href="https://partner.steamgames.com/vrtracking/">此处</a>来了解更多信息。</span>
                </div>
                <div class="td fixed"></div>
              </div>
            </div>
          </div>



          <br clear="all">
        </div>
      </div>
      <div style="clear: both"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Register",
  data(){
    return{
      msg:'这里是欢迎页面中的注册发行商页面'
    }
  }
}
</script>

<style scoped>
/*<style type="text/css">*/
.btnv6_lightblue_blue {
  border-radius: 2px;
  border: none;
  padding: 1px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none !important;
  color: #2B5066 !important;

  background: rgba(193,228,249,1);
  background: -webkit-linear-gradient( top, rgba(193,228,249,1) 5%, rgba(148,183,202,1) 95%);
  background: linear-gradient( to bottom, rgba(193,228,249,1) 5%, rgba(148,183,202,1) 95%);
}
.btn_medium > span, input.btn_medium {
  padding: 0 15px;
  font-size: 15px;
  line-height: 30px;
}
body{
  line-height: normal;
  font-size: 13px;
  height: 100%;
}

span.motd {
  font-size: 32px;
  display:table;
  margin-left: auto;
  margin-right: auto;
  color: #ca5029;
}

#pageContainer {
  position: relative;
  min-height: calc( 100vh - 388px );
}

#landingHeader {
  background-color: #000;
  color: #7c7c7c;
  height: 76px;
}

#CreateNewAppDialog select#appType
{
  width: 250px;
}

#landingHeader .logo {
  display: inline-block;

}

#landingHeader .divider {
  width: 1px;
  height: 46px;
  margin: 15px 25px;
  display: inline-block;
  background-color: #7c7c7c

}

#landingHeader h1 {
  line-height: 76px;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  color: #7c7c7c;
  font-family: Arial, Tahoma, sans-serif;
  margin-top: 0px;
}

#landingHeader .userBox {
  float: right;
  text-align: right;
  margin-right: 25px;
  white-space: nowrap;
}

#landingHeader .userBox img.avatar {
  float: right;
  width: 48px;
  height: 48px;
}

#landingHeader .userBox span {
  font-size: 14px;
  color: #e5e5e5;
  display: block;
  margin-top: 13px;
  margin-right: 75px;

}

#landingHeader .signinBox {
  float: right;
  width: 100px;
  margin-top: 5px;

}



#landingNav {
  border-top: 1px solid #e5e5e5;
  padding: 0 0 0 45px;

  background: #c1c1c1; /* Old browsers */
  background: -moz-linear-gradient(top,  #c1c1c1 85%, #919191 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,#c1c1c1), color-stop(100%,#919191)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #c1c1c1 85%,#919191 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #c1c1c1 85%,#919191 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #c1c1c1 85%,#919191 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #c1c1c1 85%,#919191 100%); /* W3C */
}

#landingNav > a {
  color: #000;
  line-height: 41px;
  height: 35px;
  display: inline-block;
  padding: 0 14px;
  border: 1px dotted #b3b3b3;
  border-top: none;
  border-bottom: none;
  text-decoration: none;
  font-size: 14px;
}

#landingNav > a.active
{
  background-color: #1a1a1a;
  color: #808285;
  margin-top: 3px;
  vertical-align: top;
  border: none;
  line-height: 34px;
  height: 38px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-right: 1px;
}

#landingNav > a.dropdown.hover, #landingNav > a.dropdown:hover
{
  color: #adadad;
  background-color: #454545 !important;
  margin-top: 3px;
  vertical-align: top;
  border-right: none;
  line-height: 34px;
  height: 38px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-right: 1px;
}

#landingNav > a:not(:first-child) {
  border-left: none;
}

.navContent {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #454545 !important;
  padding: 10px 20px 15px 20px;
}

.navContent a {
  color: #fff;
  font-size: 13px;
  display: block;
  text-decoration: none;
}

.navContent a:not(:first-child) {
  margin-top: 8px;
}

.navContent a:hover {
  color: #67c1f5;
}

.navContent > hr {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #b3b3b3;
  color: transparent;
  height: 1px;
  border-style: none;
}

#landingWelcome {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: normal; /* normal */

  border-bottom: 2px solid #67c1f5;
  font-size: 25px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 0px;
  /*margin-top: 28px;*/
  padding-bottom: 5px;
}
#landingWelcome .breadcrumbs,
#landingWelcome .breadcrumbs a,
.landingBreadcrumbs,
.landingBreadcrumbs a {
  color: #8f98a0;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
}

#landingWelcome .avatar {
  float: left;
  width: 55px;
  height: 55px;
  margin: 5px 10px 0px 0px;
}

#landingWelcome .capsule {
  float: left;
  max-height: 28px;
  margin: 5px 5px 0 0px;
}

#landingWelcome .landingName {
  float: left;
  margin-top: 6px;
}

#landingWelcome .appName {
  margin-top: 5px;
}

#landingWelcome .appNameRetired {
  margin-top: 5px;
  color: #ca5029;
}

.appNameUnlocalized {
  color: #acacac;
  font-size: 14px;
}

#landingWelcome .appName .adminSection {
  color: #67c1f5;
}
#landingWelcome .appName .TypeDark {
  color: #666666;
}

#landingWelcome .rightSection {
  float: right;
  font-size: 14px;
  color: #AC966A;
}

#landingValveOnly {
  border-bottom: 2px solid #ca5029;
  font-size: 25px;
  line-height: 26px;
  color: #ca5029;
  margin-bottom: 0px;
  margin-top: 28px;
  padding-bottom: 5px;
}
.valve_only {
  background: #50362e;
}
.appdepot .valve_only {
  padding: 8px;
  padding-right: 3px;
}
.adding_depots .valve_only {
  padding: 8px;
  margin-top: 6px;
}

#appFrame #landingWelcome {
  margin-bottom: 20px;
}

.errorContainer {
  padding: 40px;
  border: #444444;
  background-color: #333333;
  text-align:center;
  border-radius: 15px;
  margin-top: 45px;
}

.errorContainer #message {
  width: 600px;
  margin: 0 auto;
}

.errorContainer h3 {
  font-size: 1.6em;
  font-weight: bold;
  margin-left: 15px;
  text-transform: none;
  color: #cccccc;
  margin:0px;
}

.landingPartnerName {
  color: #acacac;
  margin: 5px 0;
}

.landingPartnerName button {
  margin-left: 15px;
  vertical-align: bottom;
}

/* Utility styles */
.break { /* Used to prevent CSS from collapsing margins */
  overflow: hidden;
  height: 0px;
  width: 0px;
}

/* Generic styles */

.highlight {
  background-color: #191919;
  color: #797b7e;
  padding: 4px 7px;
  margin: 15px 0;
}

.filterText {
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: rgba(255,255,255,0.1);
  box-shadow: 1px 1px 0px rgba(255,255,255,0.1);
  border: 1px #000 solid;
}

.filterText.blur {
  color: rgba(255, 255, 255, 0.3);
  font-style: italic;
}

.landingLeftCol {
  margin-right: 320px;
  padding: 15px 0;
}

.landingLeftCol > *:first-child {
  margin-top: 0;
  padding-top: 0;
}

.landingLeftCol>.section {
  margin-bottom: 36px;
}

.landingRightCol {
  float: right;
  width: 300px;
  margin-left: 10px;
  padding: 15px 0;
}

.landingRightCol .panel {
  margin-bottom: 10px;
  border-radius: 3px;
  background-color: #000;
  padding: 12px;
}

.landingRightCol .panel .attribute {
  display: block;
  position: relative;
}

.landingRightCol .panel .hr {
  background-color: #4c4c4c;
  height: 1px;
  clear: both;
  margin: 15px 0;
}

.landingRightCol .panel .hr.thin {
  background-color: #4c4c4c;
  height: 1px;
  clear: both;
  margin: 5px 0;
}

.landingRightCol .panel .attribute > span {
  color: #7cb8e4;
  left: 30%;
  display: block;
  position: absolute;
  top: 0;
}

.landingRightCol .panel h1 {
  color: #808285;
  font-size: 17px;
  margin-bottom: 5px;
  font-weight: normal;
}

.landingRightCol .panel h2 {
  line-height: 21px;
  margin-bottom: 15px;
}

.landingRightCol .panel .btn_medium {
  margin-bottom: 10px;
}

.landingRightCol .panel .labelExplanation {
  padding-left: 25px;
  padding-bottom: 10px;
  font-size: 10px;
}
.landingRightCol .releasedate {
  padding-bottom: 5px;
}

.iconLink {
  display: block;
  padding-left: 25px;
  width: 90%;
  min-height: 16px;
  background-repeat: no-repeat;
  color: #ffffff;
  margin: 10px 0;
  text-decoration: none;
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
}

.iconLink:hover {
  color: #67c1f5;
}


.iconLink.disabled {
  color: #4c4c4c;
}
.iconLink > span, .iconLink:hover > span {
  color: #808285;
  line-height: 15px;
  font-size: 12px;
}


.panel.announcementPanel .date {
  color: #6B8805;
  line-height: 16px;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  font-family: arial;
}

.panel.announcementPanel a.readMore {
  color: #8BB006;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 11px;
}

.panel.announcementPanel h1,
.panel.announcementPanel h1 a {
  color: #A4D007;
  font-weight: normal;
  font-size: 17px;
  text-decoration: none;
}
.panel.announcementPanel a.readMore:hover,
.panel.announcementPanel h1 a:hover {
  color: #ffffff;
}

.panel.announcementPanel .limited {
  display: block;
  max-height: 127px;
  overflow: hidden;
}

.panel.announcementPanel .limited img {
  max-width: 100%;
}

.tableAction {
  background-color: #333333;
  text-align: center;
  padding-top: 35px;
}

.tableAction p, .tableAction a {
  margin-bottom: 35px;
}

.aldengold {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300; /* light */

  color: #AC966A;
  font-size: 16px;
  margin-left: 0;
}

.subhead {
  color: #b0b5bf;
  font-size: 14px;
  margin-left: 0;
}

p.notice {
  color: #e66e34;
  font-size: 14px;
  margin-left: 0;
}

#UANotice {
  background-color: #6b8705;
  border: 1px solid #9bc505;
  color: #fff;
  padding: 15px 20px;
  margin-top: 15px;
}

#UANotice .title {
  font-size: 24px;
}

#UANotice .message {
  color: #fff;
  margin: 3px 0;
}

#UANotice .message a, #UANotice .message a:hover {
  color: #fff;
  text-decoration: underline;
}

p {
  margin-left: 0;
}

.fancyCheckbox:hover {
  color: inherit;
  cursor: pointer;
}

.landingTable {
  display: table;
  border-spacing: 0 1px;
  width: 100%;
  color: #b2b2b2;
}


.landingTable.nowrap .td, .landingTable.nowrap .th, .landingTable.nowrap a, .landingTable.nowrap td, .landingTable.nowrap th
{
  white-space: nowrap;
}

.landingTable .td.blue, .landingTable td.blue {
  color: #67c1f5;
}

.landingTable .td.editable, td.editable
{
  border-left: 1px solid #262626;
  background-color: #000 !important;
}

.landingTable .td.editable:hover, td.editable:hover
{
  background-color: #333333 !important;
}

.landingTable a {
  color: inherit;
  text-decoration: none;
}

.landingTable .th a {
  color: inherit;
  text-decoration: underline;
}
.landingTable .th a:hover {
  color: white;
}

.landingTable .td a {
  color: inherit;
  text-decoration: underline;
}
.landingTable .td a:hover {
  color: white;
}
.landingTable .td a.noformatting {
  text-decoration: none;
  color: inherit;
}

.landingTable strong {
  color: #fff;
}

.landingTable p {
  margin-left: 0;
}

.landingTable .tr {
  display: table-row;
  color: inherit;
  text-decoration: none;
}

.landingTable a.tr:hover .td, .landingTable .tr.highlightHover:hover .td {
  background-color: #4d525c;
}

.landingTable .tr.selected {
  background: #808285;
  color: white;
}

.landingTable .tr.selected.highlightHover:hover {
  background: #939597;
  color: white;
}

.landingTable .tr.selected .td {
  background: none;
}

.landingTable .tr .th {
  padding-left: 7px;
}

.landingTable .visibleHover {
  visibility: hidden;
}

.landingTable .tr.highlightHover:hover .visibleHover {
  visibility: visible;
}

.landingTable th, .landingTable .th {
  font-size: 10px;
  text-transform: uppercase;
  background-color: #434953;
  padding: 6px;
  color: #93979a;
  display: table-cell;
  font-weight: normal;
  position: sticky;
  top: 0;
}

.landingTable tr:not(:first-child), .landingTable .tr:not(:first-child) {

}

.landingTable td, .landingTable .td {
  font-size: 12px;
  padding: 7px 7px 7px 7px;
  background-color: #2a2d32;
  display: table-cell;
  vertical-align: middle;

}

.landingtable td.wrap, .landingTable .td.wrap {
  overflow-wrap: anywhere;
}

.landingTable .td.readOnly {
  background-color: #141719;
  color: #ab9c73;
}



.landingTable tr.released td, .landingTable .tr.released .td, .td.released, td.released {
  color: #A4D007;
}

.landingTable tr.prerelease td, .landingTable .tr.prerelease .td, .landingTable .td.prerelease, .landingTable td.prerelease, .td.prerelease,a td.prerelease {
  color: #A4D007;
}

.landingTable tr.hidden td, .landingTable .tr.hidden .td, .landingTable .td.hidden, .landingTable td.hidden, .td.hidden,a td.hidden {
  color: #808285;
}

.landingTable tr.beta td, .landingTable .tr.beta .td, td.beta, .td.beta {
  color: #82a6d7;
}
.landingTable tr.app_DLC td, .landingTable .tr.app_DLC .td {
  color: #a159a3;
}
.landingTable tr.app_Music td, .landingTable .tr.app_Music .td {
  color: #3b91aa;
}
.landingTable tr.app_Game td, .landingTable .tr.app_Game .td {
  color: #E7E8E9;
}

.landingTable .currency_input_field {
  background: transparent;
  border: none;
  display: inline;
  width: 100%;
  min-width: 75px;
  padding: 0 0px 0 0px;
  text-align: right;
  box-sizing:border-box;
  cursor: cell;
  margin-left: -5px;
  border-radius: 0px;
  box-shadow: none;
}

.landingTable .currency_label {
  display: inline-block;width: 0px;
}

.landingTable .blueTitle {
  color: #67c1f5;
}

.landingTable .capsule {
  max-height: 28px;
}

.landingTable.testRequests {
  table-layout: fixed;
}
.landingTable.testRequests .td {
  vertical-align: top;
  border-bottom: 1px solid #262626;
}
.landingTable.testRequests .td a {
  font-size: 12px;
}
.th.appid_header {
  width: 57px;

}
.th.app_name_header {
  width: 177px;
}
.th.app_purchase_header {
  width: 53px;
}
.td.app_release_date {

}
.th.app_release_date_header {
  width: 75px;
}
.th.app_test_date_header {
  width: 80px;
}
.th.app_options_header {
  width: 132px;
}
.landingTable.itemdefs .td.workshop img {
  vertical-align: middle;
}

.landingTable.blueish {
  color: #dfe3e6;
}
.landingTable.blueish .th {
  background-color: #464953;
  font-weight: 600;
  color: #dfe3e6;
}

.landingInfoTable {
  width: 100%;
}
.landingInfoTable td, .landingInfoTable .td {
  background-color: transparent;
  padding: 2px 7px;
}
.landingInfoTable p {
  color: #888888;
}
.landingInfoTable.dark {
  background: #151515;
  padding: 8px;
}
.landingInfoTable.dark.none {
  border: 1px solid #ffcc6a;
}
.landingInfoTable.dark.none p {
  color: #ffcc6a;
  font-size: 14px;
}
.landingInfoTable.dark.success {
  border: 1px solid #a3cf06;
}

.landingInfoTableLeft {
  width: 500px;
  float: left;
}
.landingInfoTableLeft td, .landingInfoTableLeft .td {
  background-color: transparent;
  padding: 2px 7px;
}
.landingInfoTableLeft p {
  color: #888888;
}
.landingInfoTableLeft.dark {
  background: #151515;
  padding: 8px;
}

.landingInfoTableRight {
  width: 220px;
  float: right;
}
.landingInfoTableRight td, .landingInfoTableRight .td {
  background-color: transparent;
  padding: 2px 7px;
}
.landingInfoTableRight p {
  color: #888888;
}
.landingInfoTableRight.dark {
  background: #151515;
  padding: 8px;
}

@media screen and (max-width: 1150px) {
  .landingInfoTableRight {
    width: 220px;
    float: left;
    margin: 15px 0 0 0;
  }
}

.tax_button_ctn {
  margin-top: 15px;
}
.tax_button_ctn hr {
  margin-bottom: 15px;
  border-top: 1px solid #343434;
  height: 1px;
  border-bottom: none;
  border-left: none;
  border-rigth: none;
}

.noInfo {
  color: #e1c48a;
  margin-bottom: 0px;
}
.noInfo.large {
  font-size: 18px;
}
.noInfo_ctn {
  border: 1px solid #e1c48a;
  padding: 12px;
}
.state_invalid {
  background-color: #aa8c60;
  padding: 8px;
  color: #fff;
}
.state_invalid .noInfo {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
.AdminPageContent #PaymentDetails .state_invalid p {
  color: #fff;
}

.infoValid_ctn {
  border: 1px solid #a3cf06;
  padding: 12px;
}

.buttonRow {
  display: block;
  background-position: 8px 13px;
  background-repeat: no-repeat;
  padding: 5px 5px 5px 35px;
  color: #e7e8e9;
  font-size: 14px;
  background-color: #343941;
  margin: 1px 0;
  text-decoration: none;
  border: 1px solid #393e47;
}

.buttonRow:hover {
  background-color: #444b55;
  border: 1px solid #545d69;
}
.buttonRow.disabled, .buttonRow.disabled .subText, .buttonRow.ttip.disabled {
  color: #555555;
  background-color: #2b2f36;
  border: 1px solid #2b2f36;
}

.buttonRow .subText {
  color: #808285;
  font-size: 12px;
}

.buttonRow.ttip {
  color: #e7e8e9;
}

.buttonRow .personalText {
  color: #7cb8e4;
  font-size: 11px;
}

.buttonRow .subText .betaLink {
  color:#99CCFF;
  font-size: 12px;
}
.add_tags_note .betaLink {
  color: #b6c5ca;
  text-decoration: underline;
  cursor: pointer;
}
.buttonRow .subText .betaLink:hover,
.add_tags_note .betaLink:hover {
  color:#ffffff;
}
.buttonRow.parentApp {
  background-size: 16px;
}
.buttonRow .new {
  color: #A4D007;
  font-weight: 600;
  margin-left: 8px;
}
.buttonRow.disabled .new {
  color: #6d7967;
}


.greyBox {
  background-color: #333333;
  border-radius: 3px;
}



h2 > span {
  color: #666666;
  font-size: 12px;
  vertical-align: top;
}

h2 > .small {
  color: #B3B3B3;
  font-size: 12px;
  vertical-align: middle;
}

h2.green {
  font-size: 20px;
  color: #A4D007;
  margin-bottom: 7px;
}

h2.grey {
  font-size: 20px;
  color: #808285;
  margin-bottom: 7px;
}

h2.bright {
  font-size: 20px;
  color: #E7E8E9;
}

h2.bright .releasedate
{
  margin-bottom: 4px;
}

h2.incomplete {
  font-size: 20px;
  color: #e24044;
}

.AdminPageContent.FullWidth {
  max-width: none;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.AdminPageContent.directory a.contentsLink {
  line-height: 20px;
}

.tinyGreyArrow {
  position: relative;
  background: #727477;
  display: inline-block;
  vertical-align: top;
  width: 1px;

  margin: 17px 0 0 12px;
}
.tinyGreyArrow:after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.tinyGreyArrow:after {
  border-color: rgba(114, 116, 119, 0);
  border-top-color: #727477;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}

.active .tinyGreyArrow {
  background: #bababa;
  margin: 14px 0 0 12px;
}

.active .tinyGreyArrow:after {
  border-color: rgba(114, 116, 119, 0);
  border-top-color: #bababa;
}


.modal {
  background: radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%), #25282e;
  border-top: 1px solid #00ccff;
  box-shadow: 0 0 10px #000;
  padding: 8px;
  color: #b2b2b2;

  position: absolute;
  width: 500px;
  z-index: 1000;

}

.modal h1, .modal h2 {
  font-weight: 300;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: 2px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

.modal p,
.modal li {
  font-size: 14px;
  color: #acb2b8;
}

.modal .hr {
  background-color: #4c4c4c;
  height: 1px;
  clear: both;
  margin: 8px 0;
}

.modal .noteYellow {
  color: #e2c58b;
}

#modalBG {
  position: fixed;
  z-index: 900;
  background-color: #000000;
  filter: alpha(opacity=60);
  opacity: 0.8;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal_content_ctn {
  margin-bottom: 8px;
}

.inlineLabel, .inputLabelContent
{
  display: inline-block;
  vertical-align: top;
  margin: 5px 0;

}

div.inlineLabel {
  width: 150px;
  line-height: 20px;

}

div.inlineLabel.wide
{
  width: 250px;
}

input.inlineLabel, select.inlineLabel, div.inputLabelContent{
  width: 346px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input.inlineLabelNoSize, select.inlineLabelNoSize, div.inputLabelContentNoSize{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.landingLeftCol .inputLabelContent {
  width: 550px;
}

input {
  border-radius: 2px;
}

input[type="text"]:disabled {
  font-style: italic;
  background-color: rgba(0,0,0,0.5);
}

.gray_bevel.for_text_input input {
  padding-top: 1px;
  padding-bottom: 1px;
  height: 23px;
  background-color: #565658;
  border-radius: 3px;
  border: 1px solid #262627;
  box-shadow: 1px 1px 0px #39393a;
  color: #BFBFBF;
  margin-bottom: 6px;
  margin-top: 6px;
  outline: none;
  padding: 4px 6px;
  display: block;
}

.fancyCheckboxLabel {
  margin-left: 5px;
  vertical-align: top;
}

div + #landingFooter {
  margin-top: 100px;
}

div + #landingFooter.nonconfidential {
  margin-top: 20px;
}

#landingFooter {
  background-color: #695B40;
  color: #E2C58B;
  height: 128px;
  width: 100%;
}
#landingFooter.nonconfidential {
  height: 50px;
}

#landingFooter .landingFooterConfidential {
  margin: 10px 46px 10px 46px;
  max-width: 1280px;
  min-width: 800px;
}

#landingFooter h2, #landingFooter p {
  color: #E2C58B;
}

#landingFooter a {
  color: #fff;
  text-decoration: none;
}

#landingFooter .landingFooterLinks {
  padding: 10px 46px 10px 0px;
  color: #555555;
  background-color: #000000;
}
#landingFooter .landingFooterLinksSpacing {
  margin: 0px 46px 0px 46px;
}

.fancySelect {
  display: block;
  padding: 5px !important;
  color: #e1e1e1 !important;
  background: -webkit-linear-gradient( top, #82a6d7 5%, #3c6091 95%);
  background: linear-gradient( to bottom, #82a6d7 5%, #3c6091 95%);
}

.fancySelect > span {
  color: #e1e1e1 !important;
}

.fancyLink {
  display: block;
  padding: 5px !important;
  color: #e1e1e1 !important;
  background: -webkit-linear-gradient( top, #82a6d7 5%, #3c6091 95%);
  background: linear-gradient( to bottom, #82a6d7 5%, #3c6091 95%);
}

.fancyLink > span {
  color: #e1e1e1 !important;
}

.fancyLinkBox {
  display: block;
  background-color: #3c6091;
  width: 305px;
  border-top: 1px solid black;
  border-left: 1px solid black;
}

.fancyLinkBox > a {
  display: block;
  padding: 5px;
  color: #e1e1e1;
  text-decoration: none;
  text-align: center;
  float: left;
  width: 50px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}
.fancyLinkBox > a:hover {
  background-color: #5c80b1;
}

.fancyCurrencyInput {
  display: inline-block;
  background-color: #1d1d1d;
  font-family: tahoma, arial, helvetica, trebuchet ms, sans-serif;
  color: #e1e1e1;
  font-size: 13px;
  border: 1px #777777 solid;
  padding: 2px 3px !important;
}

.fancyCurrencyInput input {
  background-color: inherit;
  border: none;
  color: inherit;
  font-size: inherit;
  outline: none;
  text-align: right;
  width: 75px;
}

.fancyCurrencyInputDisabled
{
  background-color: rgb(51, 51, 51) !important;
  bordor-color: rgb(84, 84, 84);
}

.fancyCurrencyInputDisabled .displayCF
{
  color: rgb(84, 84, 84) !important;
  background-color: rgb(51, 51, 51) !important;
}

.fancyCurrencyInput .priceChangedNew
{
  color: #82a6d7 !important;
}

.priceInputUnlockLink
{
  display: inline-block;
  padding: 2px 8px;
  cursor: pointer;
  background: rgba(255,255,255,0.2);
  margin-left: 10px;
  border-radius: 3px;
}
.priceInputUnlockLink:hover {
  background: rgba(255,255,255,0.3);
}

.priceInputSymbolPrefix
{
  width: 50px;
  display: inline-block;
  text-align: right;
}

.priceInputSymbolPostfix
{
  width: 20px;
  display: inline-block;
}

.packagePriceForm
{
  width: 500px;
}

.packagePriceFormCurrencyLabelColumn
{
  width: 200px;
}

.packagePriceFormSelectPriceDropdown
{
  width: 200px;
}

.fancySelectBox {
  display: block;
  background-color: #3c6091;
}

.fancySelectBox > a {
  display: block;
  padding: 5px;
  color: #e1e1e1;
  text-decoration: none;
  text-align: center;
}
.fancySelectBox > a:hover {
  background-color: #5c80b1;
}

.pricing_note {
  background-color: #2a2d32;
  color: #e66d34;
  font-size: 16px;
  padding: 10px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.pricing_callout {
  background-color: #333333;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}


/* sprites */
.icon_achievements{ background-image: url() }
.icon_achievements.disabled{ background-image: url() }
.icon_actual_authority{ background-image: url(); width: 13px; height: 12px; background-position: center center; background-repeat: no-repeat; }
.icon_actual_authority_demote{ background-image: url() }
.icon_add_users{ background-image: url() }
.icon_add_application{ background-image: url() }
.icon_add_contents{ background-image: url() }
.icon_add_package{ background-image: url() }
.icon_admin_promote{ background-image: url() }
.icon_announcement{ background-image: url() }
.icon_announcement_green{ background-image: url() }
.icon_announcement.disabled { background-image: url() }
.icon_archive{ background-image: url() }
.icon_associated { background-image: url() }
.icon_associated.disabled { background-image: url() }
.icon_ban{ background-image: url() }
.icon_move_left { background-image: url() }
.icon_move_right { background-image: url() }
.icon_move_right_nocircle { background-image: url() }
.icon_cards{ background-image: url() }
.icon_cards.disabled{ background-image: url() }
.icon_changenotes{  background-image: url() }
.icon_check{ background-image: url() }
.icon_check_gold{ background-image: url() }
.icon_check_gold_unchecked{ background-image: url() }
.icon_check_green{ background-image: url() }
.icon_checkmark{ background-image: url() }
.icon_cloud{ background-image: url() }
.icon_cloud.disabled{ background-image: url() }
.icon_community{ background-image: url() }
.icon_community.disabled{ background-image: url() }
.icon_cost{ background-image: url() }
.icon_curator{ background-image: url() }
.icon_curator.disabled{ background-image: url() }
.icon_submit{ background-image: url() }
.icon_delete{ background-image: url() }
.icon_documentation{ background-image: url() }
.icon_discount{ background-image: url() }
.icon_download{ background-image: url() }
.icon_download_templates{ background-image: url() }
.icon_download_sdk{ background-image: url() }
.icon_edit.disabled{ background-image: url() }
.icon_edit_money{ background-image: url() }
.icon_edit_money.disabled{ background-image: url() }
.icon_edit_name{ background-image: url() }
.icon_edit_name.disabled{ background-image: url() }
.icon_event{ background-image: url() }
.icon_event.disabled { background-image: url() }

.icon_event_joined{ background-image: url() }
.icon_event_available{ background-image: url() }

.icon_email{ background-image: url() }
.icon_email_cancel{ background-image: url() }
.icon_error { background-image: url() }
.icon_error.disabled{ background-image: url() }
.icon_finances{ background-image: url() }
.icon_finances.disabled{ background-image: url() }
.icon_ftp{ background-image: url() }
.icon_help{ background-image: url() }
.icon_history{ background-image: url() }
.icon_key{ background-image: url() }
.icon_key.disabled{ background-image: url() }
.icon_marketing{ background-image: url() }
.icon_marketing.disabled{ background-image: url() }
.icon_note_add{ background-image: url() }
.icon_note_add.disabled{ background-image: url() }
.icon_page{ background-image: url() }
.icon_release{ background-image: url() }
.icon_release_gold{ background-image: url() }
.icon_release_china{ background-image: url() }
.icon_shift_right{ background-image: url() }
.icon_single_angle_right{ background-image: url() }
.icon_start_payments{ background-image: url() }
.icon_status{ background-image: url() }
.icon_status.disabled{ background-image: url() }
.icon_steamworks{ background-image: url() }
.icon_steamworks.disabled{ background-image: url() }
.icon_transfer{ background-image: url() }
.icon_transfer.disabled{ background-image: url() }
.icon_stop_payments{ background-image: url() }
.icon_store{ background-image: url() }
.icon_store.disabled{ background-image: url() }
.icon_users{ background-image: url() }
.icon_users.disabled{ background-image: url() }
.icon_user{ background-image: url() }
.icon_user.disabled{ background-image: url() }
.icon_validate{ background-image: url() }
.icon_workshop{ background-image: url() }
.icon_workshop.disabled{ background-image: url() }


.icon_star{ background-image: url(); width: 13px; height: 12px; background-position: center center; background-repeat: no-repeat;}
span.icon_star { display: inline-block;}
span.icon_actual_authority { display: inline-block;}
.icon_finances.user_pub_rights { width: 13px; height: 12px; background-position: center center; background-repeat: no-repeat;}
span.icon_finances.user_pub_rights, span.icon_email.user_pub_rights { display: inline-block; }
.icon_email.user_pub_rights { width: 16px; height: 12px; background-position: center center; background-repeat: no-repeat; }
.user_pub_rights.opacity { opacity: .4; }
.pub_right_actions .icon
{
  margin: 0 3px;
}

.icon_edit.icon_inline,
.icon_download.icon_inline
{
  display: inline;
  font-size: 16px;
}

a.btn_download {
  float:right;
  padding: 4px 8px;
  border-radius: 3px;
}
a.btn_download:hover {
  background: #444444;
}

.icon {
  width: 16px; height: 16px; display: inline-block;
  background-position: center center; background-repeat: no-repeat;
  vertical-align: top;
}

.permissionLegend
{
  color: #b6c5ca;
}

.permissionLegend:hover
{
  color: #67c1f5;
}

.permissionLegendItem li
{
  margin-top: 10px;
  list-style-type: disc;

}

.invite_user_ctn {
  float: right;
}

#addPartnerOptions
{
  float: right;
  font-size: 14px;
}

#addPartnerOptions > a {
  color: #000;
  line-height: 41px;
  height: 35px;
  display: inline-block;
  padding: 0 20px;
  border: 1px dotted #b3b3b3;
  border-top: none;
  border-bottom: none;
  text-decoration: none;
  font-size: 14px;
}

#addPartnerOptions > a.active
{
  background-color: #262626;
  color: #666666;
  margin-top: 3px;
  vertical-align: top;
  border: none;
  line-height: 34px;
  height: 28px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-right: 1px;
}

#addPartnerOptions > a.add_partner.hover, #addPartnerOptions > a.add_partner:hover
{
  color: #adadad;
  background-color: #454545 !important;
  margin-top: 3px;
  vertical-align: top;
  border-right: none;
  line-height: 34px;
  height: 28px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-right: 1px;
}


#PublisherSelect
{
  display: inline-block;
  vertical-align: top;
}

#PublisherSelect > a {
  line-height: 36px;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  color: #7c7c7c;
  font-family: Arial, Tahoma, sans-serif;
  text-decoration: none;
  padding: 0 15px;
  margin: 20px -15px 0 -15px;
}

#PublisherSelect > a.hover, #addPartnerOptions > a:hover
{
  color: #adadad;
  background-color: #454545 !important;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;

}



.newDeveloperWelcome {

  background-color: #AACEFF;
  margin-top: 16px;
  padding: 12px;
}

.newDevTitle {
  font-size: 22px;
  font-weight: bold;
  color: #231F20;
}

.newDevText {
  margin-top: 8px;
  font-size: 16px;
  color: #231F20;
}

.newDevActionSection {
  border: 1px solid #82A6D7;
  float: left;
  margin-right: 10px;
  width: 45%;
  padding: 12px;
  margin-top: 16px;
  background: -webkit-linear-gradient( top, #AACEFF 5%, #ffffff 95%);
  background: linear-gradient( to bottom, #AACEFF 5%, #ffffff 95%);
}
.newDevActionSection>img {
  margin-right: 6px;
}

.newDevActionSection>.title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-top: 8px;
}

.newDevActionSection>.text {
  font-size: 12px;
  color: #333333;
}

.newDevActionSection>.link {
  margin-top: 8px;
}

.nonDevActionSection {
  margin-right: 10px;
  padding: 12px;
  background: -webkit-linear-gradient( 325deg, #407999 5%,#2f4d69 95%);
  background: linear-gradient( 125deg, #407999 5%,#2f4d69 95%);
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300; /* light */

  border-radius: 3px;
  border: 1px solid black;
  color: #A4DAF9;
  font-size: 14px;
  box-shadow: 0 0 50px rgba(103,193,245,0.3);
}
.nonDevActionSection>img {
  margin-right: 6px;
}

.nonDevActionSection>.title {
  font-size: 18px;
  color: #66C0F4;
  margin-top: 8px;
}

.nonDevActionSection>.title.continue {
  font-size: 18px;
  color: #fff;
  margin-top: 8px;
}
.nonDevActionSection>.text {
  font-size: 14px;
  color: #A4DAF9;
  margin-bottom: 20px;
  margin-top: 12px;
}

.nonDevActionSection .signupitem {
  font-size: 14px;
  color: #A4DAF9;
}

.nonDevActionSection .signupitem_title {
  font-size: 16px;
  font-weight: normal;
  color: #BFE8FF;
}

.nonDevActionSection .signupitembutton {
  font-size: 14px;
  white-space: nowrap;
  padding: 4px;
}

.nonDevActionSection>.link {
  margin-top: 8px;
}
.nonDevActionSection>.landingTable .td {
  vertical-align: middle;
  background-color: rgba( 0, 0, 0, 0.2 );
  color: #A4DAF9;
  padding: 10px;
}
.nonDevActionSection>.landingTable .td.fixed {
  width: 170px;
  text-align: right;
}
.notice {
  color: #D0434B;
  margin-top: 8px;
}

.required.rating_pg {
  font-size: 17px;
}

.section.redbox {
  border: 2px solid #e24044;
  border-radius: 3px;
  background-color: #000;
  padding: 10px;
}

.section.redbox h1 {
  color: #e24044;
  font-weight: normal;
}

.success,
.landingInfoTable p.success {
  color: #a3cf06;
}

.section.bluebox {
  border: 2px solid #82a6d7;
  border-radius: 3px;
  background-color: #000;
  padding: 10px;
}

.section.bluebox h1 {
  color: #82a6d7;
  font-weight: normal;
}

.section .descriptor {
  color: #888888;
  margin-bottom: 6px;
  display: block;
}

.section>.legend {
  color: #888888;
  margin-bottom: 8px;
  display: block;
  font-size: 12px;
}

.section .grayRule,
.subsection .grayRule {
  margin-bottom: 4px;
  margin-top: 2px;
  border-top:	1px solid #444;
}


#publish_status_message {
  line-height: 32px;
  vertical-align: top;
  margin-left: 5px;
}

#publish_status {
  vertical-align: top;
}

.publish_confirmation_notes {
  padding-top: 10px;
}
.publish_confirmation_notes span {
  color: grey;
}
.publish_confirmation_success {
  border: 6px solid #7fc146;
  padding: 16px;
  background: -webkit-linear-gradient( 45deg, #3b5c1f 5%,#4c7728 95%);
  background: linear-gradient( 45deg, #3b5c1f 5%,#4c7728 95%);
  color: white;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
}
.publish_confirmation_success_title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 4px;
}


.largeTextArea {
  margin: 0px;
  background-color: #565658;
  border-radius: 3px;
  border: 1px solid #262627;
  box-shadow: 1px 1px 0px #39393a;
  color: #BFBFBF;
  outline: none;
  padding: 4px 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;

}


.smallLink {
  font-size: 11px;
  text-decoration: none;
}
.smallLink:hover {
  font-size: 11px;
  text-decoration: none;
  color: #ffffff;
}

.sectionTitle_small {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: normal; /* normal */

  font-size: 12px;
  color: #808285;
  margin-bottom: 3px;
}

.sectionTitle_small a {
  color: inherit;
}

.sectionTitle_small.platform {

  line-height: 25px;
  font-size: 11px;
  vertical-align: top;
  width: 100px;
  display: inline-block;
  text-transform: uppercase;
}

.platform_holder {
  display: inline-block;
  vertical-align: top;
  line-height: 25px;
}

.platform_holder img {
  vertical-align: top;
}

.platform_holder a {
  color: #b2b2b2;
  vertical-align: top;
}

.noAppsBox {
  background-color: #121417;
  min-height: 150px;
  text-align: center;
}

.noAppsBoxTitle {
  padding-top: 40px;
  padding-bottom: 5px;
  font-size: 20px;
}

.noAppsBoxText{
  font-size: 13px;
  margin-bottom: 8px;
  padding: 0px 40px;
  color: #888888;

}

.greencheck {
  background-color: #8bb006;
  color: #e7e8e9;
  padding: 5px 5px 5px 5px;
  line-height: 16px;
  font-size: 16px;
  vertical-align: top;
  margin: 4px 0;
}

#app_notes {
  width: 250px;
  height: 140px;
}

#app_notes_for_partner {
  width: 250px;
  height: 140px;
}


.text_green {
  color: #A4D007 !important;
}

.text_orange {
  color: #e76e34 !important;
}

.text_orange a {
  color: #ff6f34 !important;
}
.text_orange a:hover {
  color: #ffffff !important;
}

.text_red {
  color: #e24044 !important;
}

.ttip {
  color: #b6c5ca;
  cursor: help;
}

tr .faded, .tr.faded {
  opacity: 0.3;
}

.tr.warning1 .td {
  background-color: #886A08 !important;
}

.tr.warning2 .td{
  background-color: #600000 !important;
}

.tr.checkerboard1 .td{
  background-color: #202020 !important;
}

.tr.checkerboard2 .td{
  background-color: #000000 !important;
}
.isa_warning {
  color: #9F6000;
  background-color: #FEEFB3;
  margin: 10px 0px;
  padding:12px;
}

.pricing_was, .oldPrice {
  font-size: 10px;
}

.required_currency_box {
  display: inline-block;
  width: 100px;
  margin: 4px 0;
}

.required_currency_box input {
  width: 73px;
}

.required_currency_box h5 {
  margin: 0;
}

.price_template {
  margin: 5px 0;
  padding: 5px 5px;
}

.price_template:nth-child(odd) {
  background-color:#333333;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

input.datepicker {
  color: #808285;
  width: 250px;
  margin-top: 1px;
}

.release_header {
  background-color: #000;
  color: #999999;
  padding: 15px 15px 10px 15px;
  margin-bottom: 0;

  background: #000000;
  background: -moz-linear-gradient(top,  #000000 79%, #3e3d3f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(79%,#000000), color-stop(100%,#3e3d3f));
  background: -webkit-linear-gradient(top,  #000000 79%,#3e3d3f 100%);
  background: -o-linear-gradient(top,  #000000 79%,#3e3d3f 100%);
  background: -ms-linear-gradient(top,  #000000 79%,#3e3d3f 100%);
  background: linear-gradient(to bottom,  #000000 79%,#3e3d3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3e3d3f',GradientType=0 );


}

.section.greenbar {
  border-top: 1px solid #85a60f;
  background-color: #a4d007;
  border-bottom: 1px solid #657b16;
  height: 1px;
  margin: 0;
}

.price_template .btn_proposal {
  display: none;
}

.price_template .has_changed .btn_proposal {
  display: inline-block;
}

.release_header .release_nav .option {
  display: inline-block;
  color: #999999;
  line-height: 30px;
  vertical-align: top;
}

.release_header .release_nav .option.active, .release_header .release_nav .option.used {
  position: relative;
  color: #fff;
}


.release_header .release_nav .option.active:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.release_header .release_nav .option.active:after {
  border-color: rgba(107, 136, 5, 0);
  border-bottom-color: #6b8805;
  border-width: 8px;
  left: 50%;
  bottom: -10px;
  margin-left: -5px;
}

.release_header .release_nav .separator {
  display: inline-block;
  height: 12px;
  width: 0px;
  margin: 9px 15px;
  content: " ";
  border: solid transparent;
  border-left-color: #999999;
  border-color: rgba(136, 183, 213, 0);
  border-width: 5px;
  vertical-align: top;
}

.release_header .release_nav .separator {
  position: relative;
  width: 0px;
  height: 20px;
  margin: 0 15px;
}
.release_header .release_nav .separator:after {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.release_header .release_nav .separator:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #999999;
  border-width: 6px;
  top: 50%;
  margin-top: -6px;
}


.release_header h1 {
  color: #a4d007;
  font-weight: normal;
  font-size: 27px;
}

.release_body h2 {
  color: #fff;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  font-family: arial, tahoma, sans-serif;
}

.release_body h2 em {
  font-style: normal;
  font-weight: bold;
}

.release_body {
  background-color: #555e62;
  border-top: 1px solid #6b8805;
  padding: 15px;
}

.releaseOption2 {
  margin-top: 20px;
}

.alertText {
  color: #FBB963;
}

.activatedKeys {
  background-color: #614826;
  border-radius: 2px;
  border: 1px solid #FBB963;
  padding-left: 8px;
  color: #FBB963;
}
.activatedKeys p {
  color: #FBB963;
}

.modalv3 {
  padding: 8px;
  color: #b2b2b2;

  width: 500px;

}

.modalv3 h1, .modalv3 h2 {
  color: #fff;
  font-weight: normal;
  margin: 0 0 10px 0;
}

.modalv3 .hr {
  background-color: #4c4c4c;
  height: 1px;
  clear: both;
  margin: 8px 0;
}

.main_capsule {
  position: relative
}


/* -------------- paging controls -------------*/
.pagebtn, a.pagebtn {
  display: inline-block;
  line-height: 24px;
  background-color: #000000;
  border: 1px solid #000000;
  border-radius: 3px;
  cursor: pointer;
  padding: 0px 16px;
  color: #939393;
}

.pagebtn:hover, a.pagebtn:hover {
  background-color: #97C0E3;
  border-color: #97C0E3;
  color: #3C3D3E;
  text-decoration: none;
}

.pagebtn.disabled, .pagebtn.disabled:hover, a.pagebtn.disabled, a.pagebtn.disabled:hover {
  border: 1px solid #333333;
  background-color: transparent;
  color: #333333;
  cursor: default;
}

a.pagelink:hover {
  text-decoration: underline;
  color: #ffffff;
}

.outofmatrix {
  border: 1px dashed #e24044 !important;
}

.pricingerror {
  color: #e24044 !important;
  font-weight: bold;
  border: 1px solid #e24044 !important;
  background-color: #550000 !important;
}

.clonedth {
  font-size: 9px;
  text-transform: uppercase;
  background-color: #1f1f1f;
  padding: 6px;
  font-weight: normal;
  color: #808285;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.outofmatrixlower {
  border: 1px dashed #8bb006 !important;
}

.pricingLegend
{
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pricingLegend div
{
  margin-left: 5px;
  margin-top: 5px;
}

.subnote
{
  font-size: 9px;
  background-color: transparent;
  font-weight: normal;
}

.td .subnote, td.subnote {
  white-space: normal;
  word-break: break-all;
  max-width: 500px;
  display: block;
}

.lowkeywarning {
  color: #e44044
}


.greenlight_item
{
  position: relative;
  background-color: #3c3c3c;
  min-height: 100px;
  margin-bottom: 7px;
  padding: 5px;
  box-shadow: 0px 0px 3px 0px rgba(20,20,20,0.75);
  border-radius: 3px;
}

.greenlight_item_preview
{
  float: left;
}

.greenlight_item_preview_holder
{
  display: table-cell;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  background-color: #3c3c3c;
  border: 1px solid #3a3a3a;
}

.greenlight_item_preview_image
{
  width: 100px;
  max-height: 100px;
  vertical-align: middle;
}

.greenlight_item_title a
{
  font-size: 18px;
  line-height: 100px;
  color: white;
  text-decoration: none;
  padding-left: 20px;
}
.greenlight_item_title a:hover
{
  text-decoration: underline;
}

.greenlight_item_controls
{
  float: right;
  padding-right: 20px;
  margin-top: 30px;
}

.pricingToolLegend li
{
  padding-top: 2px;
  padding-bottom: 2px;
}

.pricingToolIncreasedPrice
{
  border: 1px dashed red;
}


/* paging controls */
.paged_items_no_results
{
  padding-top: 50px;
  text-align: center;
  font-size: 24px;
}
.paged_items_paging
{
  position: relative;
  line-height: 25px;
  height: 25px;
}

.paged_items_paging_summary
{
  color: #3b6e8c;
  float: left;
}

.paged_items_paging_controls
{
  float: right;
}

.paged_items_paging_controls .pagebtn,
.search_pagination_right .pagebtn {
  height: 17px;
  line-height: 17px;
}

.paged_items_paging_pagelink, .paged_items_paging_controls .commentthread_pagelink {
  color: #3b6e8c;
  cursor: pointer;
  margin: 0 3px;
}

.paged_items_paging_pagelink:hover, .paged_items_paging_controls .commentthread_pagelink:hover {
  color: #67c1f5;
}

.paged_items_paging_pagelink.active, .paged_items_paging_controls .commentthread_pagelink.active {
  color: #ffffff;
  cursor: default;
}

.paged_items_paging_pagelink.active:hover {
  text-decoration: none;
}

/* paging buttons */
.pagebtn, a.pagebtn {
  display: inline-block;
  line-height: 24px;
  background-color: rgba( 103, 193, 245, 0.2 );
  border-radius: 3px;
  cursor: pointer;
  padding: 0px 16px;
  color: #67c1f5;
}

.pagebtn:hover, a.pagebtn:hover {
  background-color: #97C0E3;
  background: -webkit-linear-gradient( left, #417a9b 5%,#67c1f5 95%);
  background: linear-gradient( to right, #417a9b 5%,#67c1f5 95%);
  color: #ffffff;
  text-decoration: none;
}

.pagebtn.disabled, .pagebtn.disabled:hover, a.pagebtn.disabled, a.pagebtn.disabled:hover {
  background: rgba( 0, 0, 0, 0.1 );
  color: #28394D;
  cursor: default;
}

a.pagelink:hover {
  text-decoration: underline;
  color: #ffffff;
}

.percent_input {
  width: 25px;
}
.percent_input:disabled {
  color: #8E8E8E;
  background-color: #333333;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.appCompleter
{
  position: absolute;
  display: inline;
  padding: 7px 0 0 14px;
}
input#appAutoHeader_compl
{
  box-shadow: none;
  float: right;
}
div#appAutoHeader_list
{
  width: 455px !important;
  left: -293px !important;
  top: 32px !important;
}

div#appHeaderFindSuggestions
{
  width: 455px !important;
}

#global_action_menu {
  float: right;
  text-align: right;
  margin-right: 25px;
  white-space: normal;
}

.publishNowWarningOMG {
  color: #ff7b00;
}

.publishOptions_pri {
  min-width: 32px;
}
.publishOptions_name {
  min-width: 200px;
}
.publishOptions_state {
  min-width: 60px;
}
.publishControls_pri {
  margin-top: 0px;
}

ul.actualUL li,
.build_submission_notes ul li{
  list-style-type: circle;
  padding: 4px 0 4px 10px;
}

.build_submission_notes ul {
  font-size: 14px;
}

/* App landing release steps */
.releaseProgressContainer {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300; /* light */

  background-color: #555e62;
  color: #808285;
  font-size: 14px;
  padding: 15px;
  box-shadow: 0 0 5px #000;
  border-top: 2px solid #67c1f5;
  margin-top: -2px;
  margin-bottom: 20px;
}

.releaseProgressContainer p {
  color: #e5e5e5;
}

.releaseProgressContainer .mainTitle {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300; /* light */

  color: #e5e5e5;
  font-size: 19px;
  margin: 0px 0px 10px 0px;
  background-position-y: 1px;
}

.releaseProgressContainer .mainTitle.release_header_china {
  height: 45px;
  padding-left: 163px;
  line-height: 44px;
}

.releaseProgressContainer .title {
  color: rgba( 255, 255, 255, 0.5);
  font-weight: normal;
  padding-bottom: 5px;
  padding-top: 5px;
  display: inline-block;
  font-size: 17px;
  margin: 0px 0px 4px 0px;
  background-position-y: 1px;
}
.releaseProgressContainer .title.checklistComplete {
  color: #94b7ca;
}
.releaseProgressContainer .title.checklistApproved {
  color: #a4d007;
}

.releaseProgressContainer p {
  font-size: 14px;
  margin-top: 0px;
}
.releaseProgressContainer p.inprogress span {
  color: #a4d007;
}

.releaseProgressContainer p.request_date {
  font-size: 12px;
  color: #808285;
}

.releaseProgressContainer .covid19_warning {
  font-size: 14px;
  margin-bottom: 10px;
  color: #e2c58b;

  padding: 5px 10px 10px 10px;
  border: 1px solid #e2c58b;
  background-color: rgba(0, 0, 0, 0.3);
}

.releaseStep > .content {
  padding: 5px 10px 10px 10px;
}
.releaseStep > .stepState {
  background-color: rgba( 255, 255, 255, 0.4);
  height: 15px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 10px;
  color: #000;
}

.releaseStep > .stepState.blue {
  background-color:#94b7ca;
  height: 15px;
  line-height: 15px;
  margin-bottom: 0;
}

.releaseStep > .stepState.green {
  background-color:#a4d007;

  height: 15px;
  line-height: 15px;
  margin-bottom: 0;
}


.releaseStep a.seeChecklist {
  text-decoration: underline;
  color: #b6c5ca;
}

.releaseStep .noteYellow {
  color: #e2c58b;
}

.releaseStep p.failmessage {
  color: #dddddd;
  white-space: pre-line;
}

.releaseStep p.failmessage > span {

  color: #e24044;
}

.releaseProgressContainer .releaseStep {
  display: table-cell;

  width: 33.333%;
  box-sizing: border-box;
  background-color: grey;
  vertical-align: top;
  border-right: 4px solid #555e62;
  border-left: 4px solid #555e62;
  background-color: rgba(0, 0, 0, 0.3);
}

.releaseProgressContainer .releaseStep:last-child {
  margin-right: 0;
}

.landingRightCol .panel.checklist h1 {
  margin-bottom: 3px;
  color: #e1c48a;
  background-position-y: 1px;
  padding-left: 21px;
  margin-top: 0px;
}
.landingRightCol .panel.checklist.complete {
  border: 1px solid #5a7104;
}
.landingRightCol .panel.checklist.incomplete {
  border: 1px solid #e1c48a;
}
.landingRightCol .panel.checklist h1.icon_check_green {
  color: #A4D007;
}

.landingRightCol .panel h3 {
  color: #e5e5e5;
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
  margin-top: 10px;
  letter-spacing: 0px;
}

.landingRightCol ul li {
  list-style-type: unset;
}

.landingRightCol .panel.checklist p.subTitle {
  font-size: 15px;
  color: #666666;
  margin-top: 0px;
}
p.optionalChecks {
  margin-top: 30px;
}
.checklistSmall {
  font-size: 12px;
}

.tr.highlightHover.future {
  display: none;
}

/* Admin overview graphic */
.admin_overview_graphic_container
{
  height: 165px;
  position: relative;

  margin: 0 auto;
  top: -58px;
  text-align: center;
}

.admin_overview_graphic_container .block_container {
  display: inline-block;
  margin: 0 15px;
}

.admin_overview_graphic_container .block_container .block {
  border: 1px solid #939598;
  padding: 10px;
  border-radius: 3px;
  height: 135px;
  margin-bottom: 15px;
  width: 230px;
  background-color: #333333;
  color: #fff;
  text-align: left;
  font-size: 12px;
  box-shadow: 3px 3px 6px -3px #000;
  position: relative;
}

.admin_overview_graphic_container .block_container .block .title {
  font-size: 20px;
  margin-bottom: 3px;
}

.admin_overview_graphic_container .block_container .block:not(.last):before {
  content: '→';
  font-size: 30px;
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 240px;
  margin-top: 50px;
  color: #939598;
  font-weight: bold;
  position: absolute;
  text-shadow: 3px 3px 6px #000;
}


.admin_overview_graphic_container .step_image {
  position: absolute;
}

.landingRightCol .panel.bundle h2 {
  margin-bottom: 0px;
}
.landingRightCol .panel.bundle .grayRule {
  margin-top: 25px;
}

.admin_email_mismatch {
  color: goldenrod !important;
}

a.iconLink.admin_email_mismatch:hover {
  color: #67c1f5;
}

/* Anti-Cheat tab */
input#enablevac:disabled {
  opacity: 0.2;
}

/* App transfers */
.landing_pending_apptransfer {
  color: #ffffff;
  padding: 10px !important;
  background-color: #40a4dd;
  border: 1px solid #67c1f5;
  font-size: 15px;
  margin: 10px 0;
  display: flex;
  align-items: center;
}

.landing_pending_apptransfer div {
  margin-left: 8px;
}

.landing_pending_apptransfer a {
  color: #ffffff;
}

.landing_pending_apptransfer a:hover {
  color: #000000;
}

.landing_pending_apptransfer img {
  width: 33px;
  height: 25px;
}

.AppTransferMain .section.highlight {
  background: #23272e;
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 40px;
}
ul.transfer_notes {
  margin-bottom: 10px;
}
ul.transfer_notes li {
  margin-bottom: 8px;
  border-left: 2px solid #a31515;
  padding-left: 8px;
}
ul.transfer_rights li {
  margin-bottom: 8px;
  border-left: 2px solid #ffffff;
  padding-left: 8px;
}
.transfer_apps b{
  color: #d4d4d4;
}

/* CD Key Requests */
.cdkey_requests_header {
  display: inline-block;
  font-size: 11px;
  text-align: left;
  padding: 6px;
}

.cdkey_requests_headers {
  padding: 10px 0px 10px 0px;
  display: table;
  background-color: #434953;
  color: #b3b5b7;
  text-decoration: none;
  width: 100%;
  position: sticky;
  top: 0px;
  box-shadow: 0 0 10px #000000;
}

.cdkey_request_packageid {
  width: 220px;
  padding: 4px 0px 0px 8px;
  display: inline-block;

  hyphens: auto;
}

.cdkey_request_territory_name {
  width: 64px;
  padding: 4px 0px 0px 0px;
  display: inline-block;
  hyphens: auto;
}

.cdkey_request_numreq {
  width: 70px;
  padding: 2px 0px 0px 4px;
  text-align: right;
  display: inline-block;
}

.cdkey_request_date {
  width: 100px;
  padding: 2px 0px 0px 4px;
  text-align: right;
  display: inline-block;
}

.cdkey_request_account {
  width: 210px;
  padding: 2px 0px 0px 30px;
  display: inline-block;
}

.cdkey_request {
  padding: 10px 0px 10px 0px;
  cursor: pointer;
  background-color: #333333;
  border: 2px solid #262626;
  border-bottom-style: hidden;
}

.cdkey_request.default {
  background-color: #333333;
}

.cdkey_request.beta_comp {
  background-color: #886A08;
}

.cdkey_request.dev_comp {
  background-color: #600000;
}

.cdkey_request.claimed {
  background-color: #47218a;
}

.cdkey_request.priority {
  border-left: 3px solid #FFFF00;
}

.cdkey_request:hover {
  background-color: #4d4d4d;
}

.cdkey_request.beta_comp:hover {
  background-color: #a58208;
}

.cdkey_request.dev_comp:hover {
  background-color: #730000;
}

.cdkey_request.claimed:hover {
  background-color: #553393;
}

.cdkey_request.app_credit_partner {
  background-color: #385a88;
}

.cdkey_request.app_credit_partner:hover {
  background-color: #243c5b;
}

.cdkey_request.alt {
  background-color: #383838;
}

.cdkey_request.alt:hover {
  background-color: #626262;
}

.cdkey_request.request_age_category_0 {
  border-right: 3px solid rgba(1,164,109,0.8);
}
.cdkey_request.request_age_category_1 {
  border-right: 3px solid rgba(55,127,199,0.8);
}
.cdkey_request.request_age_category_2 {
  border-right: 3px solid rgba(245,216,0,0.8);
}
.cdkey_request.request_age_category_3 {
  border-right: 3px solid rgba(255,155,43,0.8);
}
.cdkey_request.request_age_category_4 {
  border-right: 3px solid rgba(236,62,64,0.8);
}

.cdkey_request_details {
  padding: 0px 0px 0px 0px;
}

.cdkey_request_details.alt {
  padding: 0px 0px 20px 0px;
  background-color: #383838;
}

.cdkey_request_checkbox {
  display: inline-block;
  padding: 0px 20px 0px 10px;
}

.cdkey_request_details_data
{
  background-color: #2c3849;
  width: calc( 100% );
}

div .cdkey_request_details_row
{
  float: right;
  width: 99.6%;
  border-spacing: 0px 10px;
  padding: 0px 0px 5px 0px;
  background-color: #2c3849;
  border: 2px solid #262626;
  border-top-style: hidden;
}

.cdkey_request_details_row .button_row
{
  margin-top: 20px;
  clear: both;
  padding: 0 30px;

  min-height: 60px;
  background-color: #2c3849;
}

.cdkey_request_details_row .package_details
{
  float: left;
  width: 200px;
  clear: left;
  padding: 12px;
}

.cdkey_request_details_row .request_history
{
  float: left;
  width: calc( 100% - 78px - 12px - 500px - 24px );
  clear: none;
  padding: 12px;
}

.cdkey_request_details_row .partner_details
{
  float: left;
  width: calc( 100% - 78px - 12px - 560px - 24px );
  clear: none;
  padding: 12px;
}

.cdkey_request_details_row .header_row
{
  float: left;
  clear: both;
  margin: 3px 0 3px 0;
  width: 330px;

  display: inline-block;
}

.cdkey_request_details_row .small_header_row
{
  font-size: 11px;
  float: left;
  clear: left;
  margin: 4px 0 4px 0;
}

.cdkey_request_details_row .header_row .title
{
  float: left;
  color: #67c1f5;
  padding-right: 6px;
  width: 106px;
}

.cdkey_request_details_row .header_row .value
{
  float: left;
  clear: none;
  width: 210px;
  display: inline-block;
}

.cdkey_request_details_row .header_row .narrow
{
  width: 100px;
}

.cdkey_request_details_row .title.dim
{
  color: #818588;
}

.cdkey_request_details_row .title.critical_warning
{
  color: #e24044;
}

.cdkey_request_details_row .value.warning
{
  color: #fbb963;
}

.cdkey_request_details_row .value.critical_warning
{
  color: #e24044;
}

.cdkey_request_details_row .value.approve
{
  color: #A4D007;
}

.cdkey_request_audit_details
{
  float: left;
  font-weight: bold;
  font-size: x-small;
  padding: 5px 0px 0px 5px;
}
.cdkey_request_support
{
  float: left;
  clear: both;
  font-size: small;
  padding: 5px 0px 0px 12px;
}

.publish_warning
{
  color: #fbb963;
}

#login_btn_signin {
  white-space: nowrap;
}

.getSDK_ctn {
  background: rgba( 0, 0, 0, 0.3 );
  border-radius: 3px;
  padding: 16px;
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300; /* light */

  color: #91A5BC;
  font-size: 15px;
  margin-bottom: 16px;
}
.getSDK_ctn .title {
  color: #66C0F4;
  font-size: 18px;
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300; /* light */

  margin-bottom: 10px;
}
.getSDK_ctn .link {
  margin-top: 16px;
}

#landingWelcome.unaffiliated {
  background: #000;
  padding: 16px;
  border-bottom: none;
  margin-bottom: 16px;
}
#landingWelcome.unaffiliated p {
  color: #91A5BC;
  font-size: 16px;
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300; /* light */

}
#landingWelcome.unaffiliated .avatar {
  width: 64px;
  height: 64px;
}
#landingWelcome.unaffiliated .landingName {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300; /* light */

  font-size: 26px;
  margin-top: 12px;
  margin-left: 4px;
}
#landingWelcome.unaffiliated .landingName span {
  color: #8F98A0;
}
.AdminPageContent.narrow {
  max-width: 940px;
  margin: 0 auto;
}
.releaseStep .note {
  font-size: 12px;
  font-style: italic;
}

.StepList {
  color: #e5e5e5;
  font-size: 12px;
  margin: 0 0 10px 0;
  list-style-type: none;
}

.StepList > li {
  text-indent: -5px;
  line-height: 17px;
  LIST-STYLE-TYPE: square;
}

.newmodal_content .newapptitle {
  font-size: 15px;
}
.newmodal_content .newapptitle b {
  color: #fff;
}

#requestkeys_table td,th {
  padding: 4px 6px 4px 6px;
}

#requestkeys_table .packageTagsArrow {
  padding-left: 0px;
}

#requestkeys_table tr.checkerboard1,
#legend_table tr.checkerboard1{
  background: #385a88;
}

#legend_table td {
  padding: 8px 6px 8px 6px;
}

.close_email_reminder {
  background-image: url( 'https://partner.steamgames.com/public/images/home/icon-close.svg' );
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: block;
}

.close_email_reminder:hover {
  background-image: url( 'https://partner.steamgames.com/public/images/home/icon-close--black.svg' );
}

.address_reminder_header {
  display: flex;
  justify-content: space-between;
}

.address_reminder_header div {
  font-size: 22px;
  color: #FFF;
  font-family: "Motiva Sans", Sans-serif;
  font-weight: bold; /* bold */

}

.address_reminder_ctn {
  padding: 15px;
  color: #FFF;
  margin-top: 15px;
  font-size: 14px;
  background: #36577f;
  font-family: "Motiva Sans", Sans-serif;
  font-weight: normal; /* normal */

}

.address_reminder_body {
  padding: 15px 0;
}

.AppStatsOneColLayout .landingRightCol {
  float: none;
  width: auto;
  padding: 0;
  margin: 0;
}

.AppStatsOneColLayout .panel.twoColOnly {
  display: none;
}

.AppStatsOneColLayout .landingLeftCol {
  float: none;
  margin-right: 0;
}

.AppStatsOneColLayout #DetailedViewControls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.jsTooltip {
  white-space: pre-line;
}

.healthcheck_table {
  font-size: 13px;
  border-spacing: 0;
}
.healthcheck_table td {
  padding: 10px 16px 10px 16px;
  background: #4a4a4a;
  border-bottom: 1px solid black;
}

.joined_text {
  padding: 2px;
  font-size: 12px;
  color: #a4d007;
}

.event_end_date {
  padding: 2px;
  font-size: 12px;
  color: #FFFF44
}
.contactsList tr a {
  text-decoration: underline;
}
.btnv6_lightblue_blue:hover {
  text-decoration: none !important;
  color: #ffffff !important;
  background: rgba(102,192,244,1);
  background: linear-gradient( to bottom, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);
}
</style>
